下载Flutter SDK包
网址:https://flutter.io/setup-macos/
下载之后解压,放置根目录
配置环境变量
由于我用on my zsh,所以在.zshrc配置
1 | path+=('/Users/yourName/flutter/bin') |
配置完
1 | source ~/.zshrc |
完成这部以后,就算我们flutter的安装工作完成了,但是这还不能进行开发。可以使用命令来检测一下,是否安装完成了。
1 | flutter -h |
检查一下是否安装成功,出现下面的结果,说明到目前为止,我们安装一切顺利。
##检查开发环境
到上边为止,我们安装好了Flutter,但是还不具备开发环境。开发还需要很多软件和插件的支持,那到底需要哪些插件和软件那?我们可以使用Flutter为我们提供的命令来进行检查:
1 | fultter doctor |
他会检查以上这些方面
有可能你的Android studio也没有安装,那么你要先安装这个编辑器,安装好后,可以顺便下载Android SDK。
Android Studio下载地址:http://www.android-studio.org/
打开后选择对应的Mac版本
如果你有安装,那么第一步要作的是允许协议(android-licenses)。允许方法就是在终端运行如下命令:
1 | flutter doctor --android-licenses |
运气好的话一路y到结尾。
但大部分都会
1 | flutter doctor --android-licenses |
1 | C:\Users\Caleb\AppData\Local\Android\sdk\tools\bin\sdkmanager --update |
关于协议的问题推荐去这个issue找解决办法
https://github.com/flutter/flutter/issues/16025
你可能需要在.zshrc里配置
PUB 镜像源
1 | export ANDROID_HOME="/Users/yourName/Library/Android/sdk" #android sdk目录 |
这个大问题解决以后,我们还需要为Android Studio安装一下Flutter插件(这个有可能你安装过,如果出现下面的提示,说明你还没有安装)
打开Android Stuido 软件,然后找到Plugin的配置,搜索Flutter插件。
出现上图,点中间的Search in repositories
,然后点击安装。
可能出现问题在于安装了,重启Android Stuido了,支持了,但重新flutter doctor检查一下后,依然显示未配置。这里展示发现就算提示未安装此插件,依然不影响开发。故不理会
安装AVD虚拟机
现在需要一个虚拟机来运行我们的程序,可以点击 Android Studio 中的上方菜单
tool
-AVD Manager
选项。出现新建菜单,选择
Create Virtual Device.....
, 如果你一个虚拟机也没建过,这个选项在对话框的中间(我一定跟我的图一样)。选择虚拟机类型,这个你随意选就好,我选择的是
Nexus 5x
。(如果你屏幕小,就选择一个小屏幕的虚拟机)
- 选择系统,这里尽量选择最新的,我选择了
Android 9.0
系统,选择好后,又是一个漫长的等待过程。
- 安装好后,点击开始按钮,运行虚拟机了(第一次运行,需要安装系统,会慢一些),运行起来后,如下图。
让 Flutter 跑起来
在idea里只需要点击开始,前提想要启动虚拟机,
main.dart是整个项目的主文件
在终端的话,运行flutter run
flutter用Dart语言,之后学习和flutter组件